<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <title>用户登录</title>
</head>
<body>
    <div class="top-header">
        <a href="login.html" class="top-item" style="color: #888;">登录</a>
        <a href="register.html" class="top-item" style="color: #888;">注册</a>
    </div>
    <div class="bottom-header">
        <div class="bottom-content">
            <div style="flex:1;">
                <a href="index.html">
                    <img src="img/logo.gif" width="150" height="50">
                    </a>
            </div>
            <div style="flex:2; text-align: center;">
                <input type="text" placeholder="请输入查询关键词" class="input">
                <button type="button" class="btn">搜索</button>
            </div>
            <div style="flex:1;"></div>
        </div>
    </div>
    <section class="header-title">
        <div class="title-content">
            <p>用户登录</p>
            <a href="index.html" style="color: #303133;"><b>首页</b></a>><span>登录</span>
        </div>
    </section>
    <div style="min-height: 470px;">
        <div class="main">
            <div class="left">
                
                <img src="img/login-png.png" width="457" height="257">
            </div>
            <div class="right">
                <h3>登录</h3>
                <input type="text" class="login-input" placeholder="手机号码"><br>
                <input type="password" class="login-input" placeholder="密码"><br>
                <button class="login-btn" type="button">登录</button>
                <div style="margin-top: 15px;text-align: center;font-size: 14px;">
                    <a href="forget.html" style="color:#f07057" >忘记密码</a>&nbsp;&nbsp;
                    <a href="register.html" style="color:#f07057">注册新用户</a>
                    
                </div>
            </div>
        </div>
    </div>


    <div class="footer">
        <p>全国高校职院校web应用软件开发技能竞赛</p>
    </div>
</body>
</html>